@charset 'gbk';

/*==================== header start ===================*/


/*==================== header end ===================*/

/*==================== main start ===================*/
	#main .course-nav .nav-type{
		line-height:30px;
		border-color:#edf1f2;
	}
	#main .course-nav .nav-type dt{
		font-weight:700;
		color:#07111b;
	}
	#main .course-nav .nav-type dd{
		display:inline-block;
		float:left;
		margin:0 5px;
		padding:0 10px;
		color:#14191e;
		border-radius:3px;
		cursor:pointer;
	}
	#main .course-nav .nav-type .style-clicked{
		color:#fff;
		background:#2b333b;
	}
	#main .course-nav .nav-type .style-clicked:hover{
		color:#fff;
	}
	#main .course-nav .nav-type dd:hover{
		color:#ec1500;
	}
	#main .course-box{
		background:#F3F5F7;
		padding-bottom:30px;
	}
	#main .course-box .couse-tool-bar{
		padding:20px 0 11px;
	}
	#main .course-box .couse-tool-bar .tool-left{
		float:left;
		width:200px;
	}
	#main .course-box .couse-tool-bar .tool-left ul li{
		float:left;
		padding:0 20px;
		font-size:14px;
		color:#14191e;
		cursor:pointer;
	}
	#main .course-box .couse-tool-bar .tool-left ul .selected{
		color:#ec1500;	
	}
	#main .course-box .couse-tool-bar .tool-left ul li:hover{
		color:#ec1500;
	}
	#main .course-box .couse-tool-bar .tool-right{
		width:200px;
		float:right;
	}
	#main .course-box .couse-tool-bar .tool-right span:nth-child(4){
		color:#ec1500;
	}
	#main .course-box .couse-tool-bar .tool-right i{
		display:inline-block;
		float:right;
		margin-left:10px;
		padding:0 4px;
		color:#fff;
		background:#c8cdd2;
		border-radius:50%;
		cursor:pointer;
	}
	#main .course-box .couse-tool-bar .tool-right i:hover{
		background:#b7bbbf;
	}
	
	/* #main .course-box .courses ul li{
		float:left;
		margin:9px;
		width:223px;
		height:280px;
		background:#fff;
		box-shadow:0 0 2px #ccc;
	}
	#main .course-box .courses ul li a{
		display:block;
	}
	#main .course-box .courses ul li a .course-img{
		width:223px;
		height:124px;
		overflow:hidden;
		transition:0.5s;
	}
	#main .course-box .courses ul li a .course-img img:hover{
		transform:scale(1.1);
	}
	#main .course-box .courses ul li a p{
		text-align:center;
		line-height:24px;
	}
	#main .course-box .courses ul li a .course-popular .num-of-people{
		color:#0c0;
	}
	#main .course-box .courses ul li a .course-price{
		color:#00cc00;
	} */
	/*--------------*/
	#main .course-box .course-wrapper{
		min-height:500px;
		max-height:1000px;
	}
	#main .course-box .course-wrapper .item{
		float:left;
		margin:0 22px 22px 0;
	}
	#main .course-box .course-wrapper .last-item{
		float:left;
		margin:0 0 22px 0;
	}
	/*-----------------*/
	#main .course-box .page-bar{
		margin:30px auto;
		text-align:center;
	}
	#main .course-box .page-bar span{
		display:inline-block;
		margin:10px;
		cursor:pointer;
	}
	#main .course-box .page-bar .page-num{
		width:32px;
		text-align:center;
		line-height:32px;
		color:#4d555d;
		border-radius:50%;
	}
	#main .course-box .page-bar .page-num:hover{
		background:#d9dde1;
	}
	#main .course-box .page-bar .page-style-clicked {
		color:#fff;
		background:#4d555d;
	}
	#main .course-box .page-bar .page-style-clicked:hover{
		background:#4d555d;
	}
	#main .course-box .page-bar .btn-disable{
		color:#aaa;
	}
/*==================== mian end ===================*/
/*================ footer start ================*/

	#footer{
		height:200px;
		background-color:#000;
	}

/*================ footer end ================*/